<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    h1,h5 {
        text-align: center;
    }
    #zhengwen {
        font-size: 14px;
        color: aqua;
        background-color: antiquewhite;
        width: 80%;
        margin: auto;
    }
    #div #div01{
        background-color: rgb(97, 228, 228);
    }
    #div #div02{
        background-color: burlywood;
    }
    #div01 > p{
        color: blueviolet;
    }
    a {
        color: black;
    }
    /* 鼠标经过时 */
    a:hover{
        color:red;
    }
    .div{
        /* background-image: url(/截图20251028113739.png); */
        /* background-position: left top; */
        /* background-repeat:no-repeat; */
        height: 300px;
        width: 500px;
        border: 5px solid red;
        padding: 10px;
        /* margin-left: auto; margin-right: auto; */
        margin: 0 auto;
    }
   
    img{
        width: 100%;
        height: 100%;
    }
    .div02>p{
        color: red;
        
    }
    .div03{
        height: 200px;
        width: 200px;
        background-color: rgb(92, 79, 79);
        border-radius: 50%;
        /* box-shadow: 50 25 red; */
    }
</style>
<body>
    <h1>标题</h5>
    <h5>小标题</h1>
    <div id="zhengwen">
    <p>内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容</p>
    <p>内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容内容闰年内容内容内容</p>
    <p>frfref</p>
    </div>
    <div id="div">
        <ul>
            <li id="li01">
                <div id="div01">div <br> <p>div01里的p</p></div>
                <div id="div02">div02</div>
            </li>
            <li>
                <a href="https://www.baidu.com/" target="_top">去百度</a>
            </li>
            <li id="li03"></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="div"><img src="/截图20251029152418.png" alt=""></div>
    <div class="div02">
        <p>1111111</p>
        <div>
            <p>2222222</p>
        </div>
    </div>

    <div class="div03"></div>
</body>
</html>